<script setup lang="ts">

import { invoke } from "@tauri-apps/api/core";

let num_modify = 10;



</script>

<template>
    <label><b>共有{{num_modify}}处不同</b></label>

    <div class="row">
        <div class="column-direction" style="width: 15%;">
            <a>a</a>
            <label>a</label>
            <label>a</label>
            <label>a</label>
        </div>
        <div style="width: 85%;">
            <textarea>origin solution</textarea>
            <button class="tiny_btn">></button>
            <textarea>merged solution</textarea>
            <button class="tiny_btn"><</button>
            <textarea>second solution</textarea>
        </div>
        
    </div>


</template>

<style>
    .tiny_btn {
        width: 8px;
        height: 8px;
    }

    /* 仅适用于现代浏览器 */
    textarea {
        /* 设置基础高度 */
        height: 95vh;
        min-height: 95vh;
        
        /* 允许自动扩展 */
        max-height: none;
        
        /* 其他样式 */
        width: 30%;
        box-sizing: border-box;
        resize: none;
    }

</style>
